page {
    background: #f9800f;
}

view {
    box-sizing: border-box;
}

.page_index_all {
    padding-bottom: 20rpx;

    .list {
        padding: 0 30rpx;

        .item {
            width: 100%;
            margin-bottom: 70rpx;

            .pic {
                padding: 0 40rpx;


                image {
                    width: 100%;
                    height: 630rpx;
                    border-radius: 25rpx 25rpx 0 0;
                    background: linear-gradient(125deg, #FEEFE0 0%, #FFE5C8 100%);
                    box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(185, 98, 33, 0.2), inset 2rpx 2rpx 4rpx 4rpx #FFFFFF;
                }
            }

            .content {
                margin-top: -20rpx;
                position: relative;
                z-index: 1;

                .box {
                    width: 100%;
                    background: #fcfaee;
                    box-shadow:
                        0rpx 0rpx 20rpx 0rpx rgba(185, 98, 33, 0.2),
                        inset 2rpx 2rpx 4rpx 4rpx #ffffff;
                    border-radius: 20rpx;
                    padding: 30rpx 30rpx;
                    position: relative;

                    &::after {
                        content: "";
                        display: block;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: -1;
                        background: #e16d00;
                        border-radius: 20rpx;
                        transform: rotate(4deg);
                    }

                    .liwu_icon {
                        position: absolute;
                        bottom: -10rpx;
                        right: 0;

                        image {
                            width: 260rpx;
                        }

                        .width220 {
                            width: 220rpx;
                        }
                    }

                    .info {
                        .title_box {
                            height: 120rpx;

                            .title {
                                width: 70%;
                                font-family:
                                    Alibaba PuHuiTi 2,
                                    Alibaba PuHuiTi 20;
                                font-weight: 500;
                                font-size: 32rpx;
                                color: #333333;
                                line-height: 36rpx;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                max-height: 72rpx;
                            }

                            .title2 {
                                font-weight: 400;
                                font-size: 24rpx;
                                color: #333333;
                                margin-top: 10rpx;
                            }
                        }

                        .price_btn_box {
                            display: flex;
                            align-items: flex-end;
                            justify-content: space-between;

                            .price_box {
                                .yuanjia {
                                    .icon {
                                        font-weight: 400;
                                        font-size: 24rpx;
                                        color: #333333;
                                    }

                                    font-family: Alibaba PuHuiTi 2,
                                    Alibaba PuHuiTi 20;
                                    font-weight: 500;
                                    font-size: 24rpx;
                                    color: #333333;
                                    display: flex;
                                    align-items: baseline;

                                    .num {
                                        font-weight: 500;
                                        font-size: 40rpx;
                                        color: #333333;
                                    }

                                    .ordinary_price {
                                        margin-left: 10rpx;
                                        font-weight: 400;
                                        color: #999999;

                                        .icon {
                                            font-size: 22rpx;
                                        }

                                        .num {
                                            font-size: 24rpx;
                                            text-decoration: line-through;
                                        }
                                    }
                                }

                                .vip_price_box {
                                    display: flex;
                                    align-items: center;
                                    justify-content: space-between;
                                    margin-top: 10rpx;

                                    .n_price {
                                        padding: 0 10rpx 0 20rpx;
                                        height: 42rpx;
                                        line-height: 42rpx;
                                        background: #f9800f;
                                        box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(185, 98, 33, 0.2);
                                        border-radius: 30rpx 4rpx 4rpx 4rpx;
                                        font-weight: 400;
                                        font-size: 24rpx;
                                        color: #fcfaee;
                                        display: flex;

                                        text {
                                            margin-left: 20rpx;
                                            position: relative;

                                            &::after {
                                                content: "";
                                                display: block;
                                                width: 2rpx;
                                                height: 20rpx;
                                                background-color: #fcfaee;
                                                position: absolute;
                                                top: 50%;
                                                transform: translateY(-50%);
                                                left: -10rpx;
                                            }
                                        }
                                    }

                                    .cart_icon {
                                        width: 40rpx;
                                        height: 40rpx;

                                        image {
                                            width: 40rpx;
                                            height: 40rpx;
                                            border-radius: 50%;
                                        }
                                    }
                                }
                            }

                            .icon_box {
                                display: flex;
                                align-items: center;
                                position: relative;

                                .icon_item {
                                    width: 148rpx;
                                    height: 60rpx;
                                    border-radius: 30rpx;
                                    border: 1rpx solid #999999;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    font-weight: 400;
                                    font-size: 24rpx;
                                    color: #333333;
                                    position: relative;

                                    button {
                                        width: 100%;
                                        height: 100%;
                                        position: absolute;
                                        left: 0;
                                        top: 0;
                                        opacity: 0;
                                    }

                                    .t {
                                        margin-left: 10rpx;
                                    }
                                }

                                .icon_item2 {
                                    background: #f9800f;
                                    border-radius: 30rpx;
                                    border: 1rpx solid #f9800f;
                                    color: #ffffff;
                                    margin-left: 20rpx;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}